<!doctype html>
<html class="no-js">

<head>
    <title>问题详情</title>
    <#include "/fd/components/meta.html" />
    <#include "/fd/components/stylesheets.html" />
    <link rel="stylesheet" type="text/css" href="/fd/stylesheets/questionInfo.css">
</head>

<body>
    <div id="app">
        <div class="am-g user-info-container">
            <div class="am-u-sm-7 user-info-left">
                <div>
                    <img src="${info.logo!}" style="width: 40px;" />${info.name!}
                </div>
                <#--<div>提问来源：${info.tag!''}</div>-->
            </div>
            <div class="am-u-sm-5 user-info-right">
                <div>${info.addTime?string('yyyy-MM-dd mm:hh')}</div>
                <div class="user-info-price">￥&nbsp;${(info.price*0.01)!}</div>
            </div>
        </div>
        <div class="question-content-container">
            <span>${info.content!''}</span>
        </div>
        <!-- answer -->
        <#if info.answerContent??>
            <div style="background: #f6f6f6">
                <div class="am-g master-info-container">
                    <div class="am-u-sm-6 master-info-name">
                        <img class="am-img-thumbnail am-circle" src="${info.masterLogo!''}">
                        <span>${info.masterName!''}</span>
                    </div>
                    <div class="am-u-sm-6 master-info-right">
                        <span>${info.visitCount!0}人查看</span>
                        <span><i class="am-icon-thumbs-o-up"></i>&nbsp;0</span>
                    </div>
                </div>
                <div class="answer-content-container">
                    <span>${info.answerContent!''}</span>
                </div>
            </div>
            <#if info.masterId??>
                <div class="master-detail-container">
                    <div class="master-detail-header">答疑大师</div>
                    <div class="master-detail">
                        <div class="am-g">
                            <div class="am-u-sm-2 master-detail-avator">
                                <img class="am-img-thumbnail am-circle" src="${info.masterLogo!''}">
                            </div>
                            <div class="am-u-sm-10 master-detail-desc">
                                <div class="master-detail-name">
                                    <span>${info.masterName!''}</span>
                                </div>
                                <div class="master-detail-content">
                                    <span>${info.masterDesc!''}</span>
                                </div>
                                <div class="am-g master-detail-status">
                                    <div class="am-u-sm-4">
                                        <div class="master-detail-data">${info.masterAnswerCount!0}个回答</div>
                                    </div>
                                    <div class="am-u-sm-4">
                                        <div class="master-detail-data">${info.masterVisitCount!0}人查看</div>
                                    </div>
                                    <div class="am-u-sm-4">
                                        <a href="/fd/masterHome?userId=${info.masterId}" class="am-btn am-btn-primary am-btn-xs master-detail-button">立即资询</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </#if>
        </#if>
        <div class="answer-list">
            <#list answer as item>
                <div class="answer-item">
                    <div class="am-g answer-item-user">
                        <div class="am-u-sm-2 answer-item-avator">
                            <img src="${item.logo!''}" class="am-img-thumbnail am-circle" />
                        </div>
                        <div class="am-u-sm-10 answer-item-info">
                            <div>${item.name!''}</div>
                            <div>${item.addTime!''}</div>
                        </div>
                    </div>
                    <div class="answer-item-content">
                        <span>${item.content!''}</span>
                    </div>
                </div>
                <hr/>
            </#list>
        </div>
        <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default bottom-bar">
            <#if isMaster??>
                <a href="/fd/master/answerQuestion/${info.code!''}" class="am-btn am-btn-primary" id="next-button">回答</a>
            <#else>
                <a href="/fd/answerQuestion/${info.code!''}" class="am-btn am-btn-primary" id="next-button">回答</a>
            </#if>
        </div>
    </div>
    <#include "/fd/components/scripts.html" />
    <script type="text/javascript" src="/fd/js/questionInfo.js"></script>
</body>

</html>